.imageCropped-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgb(250,250,250);
}
.imageCropped-container{

    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;

    overflow: hidden;
    background-size: 50px 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(images/loading.gif);

    -moz-box-shadow: 0 0 0 10px rgba(255,255,255,1),0px 15px 15px rgba(0,0,0,0.1), /*底边阴影*/ 15px 0 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,1),0px 15px 15px rgba(0,0,0,0.1), /*底边阴影*/ 15px 0 15px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 10px rgba(255,255,255,1),0px 15px 15px rgba(0,0,0,0.1), /*底边阴影*/ 15px 0 15px rgba(0,0,0,0.1);
}
.imageCropped-container .imageCropped-canvasBox,
.imageCropped-container .imageCropped-imageBox{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
}
.imageCropped-container .imageCropped-canvasBox canvas,
.imageCropped-container .imageCropped-canvasBox img,
.imageCropped-container .imageCropped-imageBox img{
    max-width: 100%;
}
.imageCropped-hidden{
    display: none !important;
}
.imageCropped-container .imageCropped-cropBox{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*box-shadow: 0 0 0 12px rgb(255,255,255);*/
    background: none repeat scroll 0% 0% transparent;
    cursor:move;
    
    background-position: 95% 5%;
    background-repeat: no-repeat;
}
.imageCropped-container .imageCropped-cropBox.warning{
	background-image: url(images/mark_pixel_warning.png);
}
.imageCropped-container .imageCropped-cropBox.error{
	background-image: url(images/mark_pixel_low.png);
}
.warning-tooltip-error,
.warning-tooltip-warning{
	opacity: 0;
	position: absolute;
	width: 30px;
	height: 30px;
	right: -1000px;
	top: -300px;
}
.imageCropped-container .imageCropped-cropBox.error .warning-tooltip-error,
.imageCropped-container .imageCropped-cropBox.warning .warning-tooltip-warning{
	right: 5%;
	top: 5%;
}
.imageCropped-container .spinner{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 290px;
    background: rgba(0,0,0,0.7);
}
/* 超小屏幕（手机，小于 768px） */
@media (max-width: 767px){

}